<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>工单详情</title>
    <link href="../../plugin/css/fonts/font-awesome.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="../../plugin/weui/css/jquery-weui.min.css">
    <link rel="stylesheet" href="../../plugin/mui/css/mui.min.css">
    <link rel="stylesheet" href="../../plugin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../plugin/photo/css/photoswipe.css"/>
    <link rel="stylesheet" href="../../plugin/photo/css/default-skin.css"/>
    
    <link rel="stylesheet" href="../../plugin/tencent/tcplayer.min.css">
    <script src="../../plugin/tencent/hls.min.0.8.8.js"></script>
    <!-- 引入播放器 js 文件 -->
	<script src="../../plugin/tencent/tcplayer.min.js"></script>
    
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="../../plugin/mui/css/app.css"/>
  

    <script src="../../plugin/rewrite/js/citySet.js" charset="utf-8"></script>
    <script src="../../plugin/rewrite/js/Popt.js" charset="utf-8"></script>
    <script src="../../plugin/rewrite/js/productJson.js" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="../css/global.css"/>
    <link rel="stylesheet" href="../css/workDetail.css"/>
    
</head>

<body style="width: 100%">
    <div id="app" >
    <div class="content"v-cloak>
        <div class="content-block-title text-align">产品信息</div>
        <div class="m-cell">
            <div class="cell-item">
                <div class="cell-left">服务状态</div>
                <div class="cell-right status">{{getRepairState(order).state}}</div>
            </div>
            <div class="cell-item ">
                <label class="cell-left">工单编号</label>
                <span class="cell-right">{{order.workOrderNo}}</span>
            </div>
            <div class="cell-item ">
                <label class="cell-left">产品名称</label>
                <span class="cell-right">{{order.productName}}</span>
            </div>
            <div class="cell-item ">
                <label class="cell-left">产品序列号</label>
                <span class="cell-right">{{order.serialNo}}</span>
            </div>
            <div class="cell-item">
                <label class="cell-left">问题描述</label>
                <span class="cell-right">{{order.problemDescCustomer}}</span>
            </div>
            <div class="cell-item itemDetails">
            	<div class="imgdetails">
					<div class="innerImg">
						<div class="image" v-for="file in serviceFile">
							<img v-if="file.fileType === REPAIR_FILE_TYPE_PICTURE" :src="getCosFile(file.fileName)" @click="previewImage()" />
						</div>
					</div>
					<div class="innerVidoe">
						<div class="video" v-for="file in serviceFile">
							<video v-if="file.fileType === REPAIR_FILE_TYPE_VIDEO" :id="'f'+file.fileId" preload="auto" width="50" height="50" playsinline webkit-playinline x5-playinline></video>
						</div>
					</div>
				</div>
            </div>
        </div>
        <div class="content-block-title" style="background-color: #F0EFF4">客户信息:</div>
        <div class="m-cell">
            <div class="cell-item">
                <label class="cell-left">联系人</label>
                <span class="cell-right">{{order.customerName}}</span>
            </div>
            <div class="cell-item">
                <label class="cell-left">联系电话</label>
                <span class="cell-right">{{order.customerTel}}</span>
            </div>
            <div class="cell-item">
                <label class="cell-left">联系地址</label>
                <span class="cell-right">{{order.customerAddress}}</span>
            </div>
        </div>
        <div class="weui-gallery" id="gallery">
            <img src="" class="weui-gallery__img" id="galleryImg" />
        </div>
    </div>
    <footer class="footer" id="submitbill" v-if ='order.repairState != REPAIR_STATE_SIGN'>
        <button  v-if='order.repairState == REPAIR_STATE_AUDIT' type="button" id="submitpics" class="mui-col-xs-12 mui-btn-outlined mui-btn-primary mui-btn register" @click="hrefHtml(REPAIR_STATE_AUDIT)">预约上门</button>
        <button  v-if='order.repairState == REPAIR_STATE_BESPEAK' type="button" id="submitpics" class="mui-col-xs-12 mui-btn-outlined mui-btn-primary mui-btn register" @click="hrefHtml(REPAIR_STATE_BESPEAK,order.workOrderNo,order.productName)">提交反馈</button>
        <button  v-if='order.repairState == REPAIR_STATE_FEEDBACK' type="button" id="submitpics" class="mui-col-xs-12 mui-btn-outlined mui-btn-primary mui-btn register" @click="hrefHtml(REPAIR_STATE_FEEDBACK)">签名确认</button>
    </footer>
    </div>
</body>
</html>
<script src="../../plugin/jquery/jquery-2.2.3.min.js"></script>
<script src="../../plugin/vue/vue.min.js"></script>
<script src="../../plugin/weui/js/jquery-weui.min.js"></script>
<script src="../../plugin/mui/js/mui.min.js"></script>
<script src="../../plugin/tencent/cos-js-sdk-v5.min.js"></script>
<script src="../../plugin/layui/layui.js" charset="utf-8"></script>
<script src="../../plugin/photo/js/photoswipe.min.js"></script>
<script src="../../plugin/photo/js/photoswipe-ui-default.js"></script>


<script src="../../common/server.js"></script>
<script src="../../common/constant.js"></script>
<script src="../../common/common.js"></script>
<script src="../js/workDetail.js"></script>


